.operation{
  font-size: 14px;
}
:global{
  .operation-col {
    display: inline-block;
    .el-icon-more {
      color: #307BF6;
      transform: rotate(90deg);
    }

    .el-button {
      margin-right: 15px;
      padding: 1px;
      color: #307BF6;
      vertical-align: middle;
    }
  }

  .operation-col-popper {
    max-width: 350px;
    width: auto !important;
    min-width: 60px;
    .el-button {
      display: block;
      margin-left: 0;
      padding: 12px 0;
      color: #307BF6;
    }
  }
}
.popoverContent{
  line-height: 22px;
  font-size: 14px;
  >.title{
    color: #307BF6;
    margin-bottom: 6px;
    :global{
      i{
        font-size: 14px;
        margin-right: 6px;
      }
    }
  }
  .tips{
    color: #8A8A8A;
  }
  .part{
    display: flex;
    .title{
      width: 80px;
      text-align: right;
    }
    .longTitle{
      width: 114px;
      text-align: right;
    }
    .content{
      width: 170px;
      overflow: hidden;
      white-space: normal;
      text-overflow: -o-ellipsis-lastline;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      cursor: pointer;
      font-size: 14px;
      max-height: 68px;
      line-height: 22px;
      position: relative;
      &:after {
        content: "...";
        position: absolute;
        top: 60px;
        right: 2px;
        background: #FFF;
        padding-left: 8px;
        padding-right: 2px;
      }
    }

  }
  .logistics{
    color: #8A8A8A;
    margin-left: -6px;
  }
  .delivery{
    color: #333333;
    padding-top: 9px;
    margin-top: 10px;
    border-top: 2px solid #F0F0F0;
  }
  .opt{
    text-align: right;
    padding:16px 5px 2px 0;
    :global{
      .el-button{
        padding: 0;

      }
    }
  }
}